/* 
    Document   : Style
    Created on : Apr 17, 2011, 12:29:28 PM
    Author     : havn
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

html, body, form, fieldset {
    margin: 0;
    padding: 0;
}

body {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    margin-top: 30px;
    background: none repeat scroll 0 0 #0C3A6D;
}
a {
    text-decoration:none;
}
/* Clearfix */
* html .clearfix {
    height: 1%; /* IE5-6 */
}

.clearfix {
    display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix {
    display: block; /* O */
}

.clearfix:after {
    clear: both;
    content: "."; /* FF, O, etc. */
    display: block;
    height: 0;
    visibility: hidden;
}
#warp {
    width: 860px;
    text-align: center;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 8px;  
    -moz-border-radius: 8px;  
    border-radius: 8px; 
    -moz-box-shadow: 0 0 5px #0B3461;
    -webkit-box-shadow: 0 0 5px #0B3461;
    box-shadow: 0 0 5px #0B3461;
    background: white;
    margin: auto;
}
.slogan {
    color: #000000;
    text-transform: uppercase;
    font: 100 35px Helvetica, Arial, Sans-Serif;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    text-shadow: 1px 1px 0 #F7F7F7,  2px 2px 0 #F7F7F7, 3px 3px 0 #F7F7F7;
}
h1 {
    color: #000000;
    text-shadow: 1px 1px #CCCCCC, 2px 2px #CCCCCC, 3px 3px #CCCCCC;
    font: Bold 43px Sketch_Block;
    -webkit-transition: all 0.12s ease-out;/*chrome & safari*/
    -moz-transition:all 0.12s ease-out;/*firefox 3.7*/
    -o-tramsition:all 0.12s ease-out /*Opera*/
}

h1:hover {
    position:relative; top:-3px; left:-3px;/*lệch lên trên về phía bên trái 3px so với chữ NTUTS.COM cũ*/
    text-shadow:1px 1px #CCCCCC, 2px 2px #CCCCCC, 3px 3px #CCCCCC, 4px 4px #CCCCCC, 5px 5px #CCCCCC, 6px 6px #CCCCCC /*đặtt shadow 6 lớp để tạo hiệu ứng nâng ảnh*/
}

#warp_header{
    width: 850px;
    float: left;
    border: 1px solid #CCCCCC;
    margin: 4px 4px 4px 4px;
    -webkit-border-radius-topleft: 8px;  
    -webkit-border-radius-topright: 8px;  
    -moz-border-radius-topleft: 8px;  
    -moz-border-radius-topright: 8px;  
    border-radius-topleft: 8px;
    border-radius-topright: 8px;
    background: -moz-linear-gradient(center bottom , #E7E7E7 0pt, white 100%) repeat scroll 0 0 transparent;

}
#warp_content {
    width: 100%;
    float: right;
    background: #F7F7F7;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
#menu {
    width: 24%;
    float: left;
    margin: 4px 4px 4px 4px;
}
#article {
    width: 73%;
    float: left;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 8px;  
    -moz-border-radius: 8px;  
    border-radius: 8px; 
    -moz-box-shadow: 0 0 5px #D8D8D8;
    -webkit-box-shadow: 0 0 5px #D8D8D8;
    box-shadow: 0 0 5px #D8D8D8;
    background: white;
    margin: 4px 4px 4px 4px;
    padding: 1px;
}
.item{
    width: 100%;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 8px;  
    -moz-border-radius: 8px;  
    border-radius: 8px; 
    -moz-box-shadow: 0 0 5px #D8D8D8;
    -webkit-box-shadow: 0 0 5px #D8D8D8;
    box-shadow: 0 0 5px #D8D8D8;
    background: white;
}
.menu_title {
    width: 100%;
    float:left;
    font-weight: bold;
    color: #135CAE;
}
.menu_content{
    width: 100%;
    float: right;
    background: white;
    margin-top: 5px;
}
.errors{
    color: red;
    text-align: left;
}
ul{
    list-style-position: outside;
    list-style-type: square;
    text-align: left;
}